import React from 'react';
import {Avatar, Divider} from 'antd';
import '../../styles/components/Author.css';
import {GithubOutlined, WechatOutlined, QqOutlined} from '@ant-design/icons';

const Author =()=> {
    return (
        <div className='author-div comm-box'>
            <div><Avatar size={100} src='/avatar.jpg' /> </div>
            <div className='author-introduction'>
                光头程序员，专注于WEB和java后端开发。
                <Divider>社交账号</Divider>
                <Avatar size={28} icon={<GithubOutlined />} className='account' />
                <Avatar size={28} icon={<QqOutlined />} className='account' />
                <Avatar size={28} icon={<WechatOutlined />} className='account' />
            </div>
        </div>
    )
}

export default Author;